<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- <link rel="stylesheet" href="/layui/css/layui.css" media="all"> -->
    <link rel="stylesheet" href="../layer/theme/default/layer.css">
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
    <style>
    html,
    body {
        padding: 0;
        margin: 0;
        height: 100%;
        overflow: hidden;
        background-color:rgba(23,93,154,0.55);
        font-size:16px;
    }
    table, th, td
    {
        border: 1px solid white;
        text-align: center;
        background-color:rgba(23,93,154,0.55);
        font-size:16px;
    }
    
    table .white
    {
        color:rgb(255, 255, 255);
    }
    table .blue
    {
        background-color:rgba(48,96,143,0.55);
    }
    td
    {
        height: 50px;
    }
    table .th-width
    {
        width:100px;

    }
    table .td-width
    {
        width:100px;
        
    }

    #sdzp{
        height: 20px;
        color: white;
        background-color: chocolate;
        text-align: center;
        line-height: 20px;
        vertical-align: middle;
    }

    #sdzp:hover{
        cursor: pointer;
        background-color: burlywood;
    }
    </style>
</head>
<body>
    <script type="text/javascript" src="./js/jquery-2.2.1.min.js"></script>
    <script type="text/javascript" src="./js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../layer/layer.js"></script>
    <script type="text/javascript" src="../layui/layui.js"></script>
        <script>
            var nums;
             var sdidx_child;
             var attributes=$.cookie("attributes");                   
            var attributesToArray = attributes.split(",");
            var htmlurl=$.cookie("htmlurl");
            console.log(attributesToArray);
            $(document).ready(function(){            
                    
                    var htmls;
                    htmls='<table >'+
                            '<tr>'+
                                '<td class="white blue th-width">'+attributesToArray[0]+'</td>'+
                                '<td class="white td-width">'+attributesToArray[1]+'</td>'+
                            '</tr>'+    
                         '</table>'  
                    document.getElementById("showAttributes").innerHTML = htmls; 
                    // $("#showAttributes").show();            
            });
            
            // function opensdzp() {
            //     if (sdidx_child) { layer.close(sdidx_child); }               
            //     var adress=attributesToArray[5];


                
            //         sdidx = top.layer.open({
            //         skin: 'demo-class',
            //         title: '实拍图',
            //         type: 2,
            //         area: ['52.84%', '64.82%'],
            //         shadeClose: true,
            //         shade: false,
            //         content: htmlurl+'/firstpage/picture_layer1.html',
            //         end:function(){
            //             var index=parent.layer.getFrameIndex(window.name);
            //             parent.layer.close(index);  
            //         }  
            //         });
                
            
            // }
            
    
        </script>


    <!-- <div id="sdzp" onclick="opensdzp()";>查看实地照片/视频</div> -->
    <div id="showAttributes"></div>
   
    <!-- <script src="/layui/layui.js"></script> -->
    
</body>
</html>